import '@umijs/max';
import React from 'react';
import {Link} from "@umijs/max";
import {history} from '@@/exports';
import {RightCircleFilled} from "@ant-design/icons";
import {Card, Flex, Tag} from "antd"; // 用于样式处理
import "./ToTopList.less"

const ToTopList: React.FC<Props> = () => {
  return (
    <Card hoverable={true} id={"ToTopList"}>
      <Flex gap="middle" justify={"space-between"} horizontal>
        <span className={"top-font-1"} title={"API"}>API</span>
        <div className={"top-font-2"}>推出 <Tag color="error">2024年度排行榜</Tag>&贡献不断 始于热爱 <Tag color="error">年末现金奖励</Tag>
        </div>
        <RightCircleFilled title={"立即前往"} className={"top-font-3"} width={16}/>
      </Flex>
    </Card>
  );
};
export default ToTopList;
